<!DOCTYPE html>
<html lang="en">
    
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>
            Tick Tock...
        </title>
        <meta name="description" content="Roxy" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"
        />
        <link rel="icon" href="img/logo.ico" type="images/x-ico" />
        <!-- External CSS -->
        <link rel="stylesheet" href="vendor/bootstrap/bootstrap.min.css" />
        <link rel="stylesheet" href="vendor/select2/select2.min.css" />
        <link rel="stylesheet" href="vendor/owlcarousel/owl.carousel.min.css"
        />
        <link rel="stylesheet" href="vendor/lightcase/lightcase.css" />
        <link rel="stylesheet" href="css/aos.css" />
        <!-- Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Lato:300,400|Work+Sans:300,400,700"
        rel="stylesheet" />
        <!-- CSS -->
        <link rel="stylesheet" href="css/style.min.css" />
        <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"
        />
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
        integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
        crossorigin="anonymous" />
        <!-- Modernizr JS for IE8 support of HTML5 elements and media queries
        -->
        <script src="js/modernizr.js">
        </script>
    </head>
    
    <body data-spy="scroll" data-target="#navbar" class="static-layout">
        <div class="jumbotron d-flex align-items-center">
            <div class="container text-center">
                <h1>
					<p class="title-icon"></p>
					<p id="nowtime"></p>
                    <p id="tip-text">距离2020年中考还有</p>
                    <div id="timer">
                    </div>
					<font color="#ddd" size=2>* 根据本机系统时间及中考日8:00计算 *</font>
                </h1>
            </div>
			<script language="javascript" type="text/javascript">
            function leftTimer(year, month, day, hour, minute, second) {
				var now = new Date();  
				var now_year = now.getFullYear();
				var now_month = now.getMonth() + 1;
				var now_date = now.getDate();
				var now_day = now.getDay();
				if (now_month < 10) now_month = "0" + now_month;
				if (now_date < 10) now_date = "0" + now_date;
				if(now_day == "1"){
					now_day = "周一";
				}
				if(now_day == "2"){
					now_day = "周二";
				}
				if(now_day == "3"){
					now_day = "周三";
				}
				if(now_day == "4"){
					now_day = "周四";
				}
				if(now_day == "5"){
					now_day = "周五";
				}
				if(now_day == "6"){
					now_day = "周六";
				}
				if(now_day == "0"){
					now_day = "周末";
				}
				var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (now); //计算剩余的毫秒数 
                var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数 
                var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时 
                var minutes = parseInt(leftTime / 1000 / 60 % 60, 10); //计算剩余的分钟 
                var seconds = parseInt(leftTime / 1000 % 60, 10); //计算剩余的秒数 
                days = checkTime(days);
                hours = checkTime(hours);
                minutes = checkTime(minutes);
                seconds = checkTime(seconds);
                var color = "#00FFAA";
                if (days < 14) {
                    color = "#FF0000";
                }
				if(leftTime > 0) document.getElementById("timer").innerHTML = "<p style=\"font-size: 1.5rem; color:" + color + "\">" + days + "天" + hours + "小时" + minutes + "分" + seconds + "秒</p>";
				else {
					document.getElementById("tip-text").innerHTML = "中考已到，祝你好运!";
					document.getElementById("timer").innerHTML = "";
					if(days < 2){
						window.location.href = 'https://www.mrxiaom.top/zkend.html';
						return;
					}
				}
				
                setInterval("leftTimer(2020,7,20,8,00,00)", 1000);
				document.getElementById("nowtime").innerHTML = "<p style=\"font-size: 1rem;\">现在是 " 
				+ now_year + "年" + now_month + "月" + now_date + "日 " + now_day +"</p>";

				
            }
            function checkTime(i) {
                if (i < 10) {
                    i = "0" + i;
                }
                return i;
            }
            document.getElementById("timer").style = "padding-top: 20px;";
            leftTimer(2020, 7, 20, 8, 00, 00);
			</script>
            <div class="rectangle-1" onselectstart="return false;">
                <nobr>
                    <p class="rect-text" style="padding-top: 30px;">
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING
                    </p>
                </nobr>
                <nobr>
                    <p class="rect-text">
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING
                    </p>
                </nobr>
                <nobr>
                    <p class="rect-text" style="padding-bottom: 30px;">
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING
                    </p>
                </nobr>
            </div>
            <div class="rectangle-2" onselectstart="return false;">
                <nobr>
                    <p class="rect-text" style="padding-top: 30px;">
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING
                    </p>
                </nobr>
                <nobr>
                    <p class="rect-text">
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING
                    </p>
                </nobr>
                <nobr>
                    <p class="rect-text" style="padding-bottom: 30px;">
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠
                        WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING ⚠ WARNING
                    </p>
                </nobr>
            </div>
            <div class="rectangle-transparent-1">
            </div>
            <div class="rectangle-transparent-2">
            </div>
            <div class="circle-1">
            </div>
            <div class="circle-2">
            </div>
            <div class="circle-3">
            </div>
            <div class="triangle triangle-1">
                <img src="img/obj_triangle.png" alt="" />
            </div>
            <div class="triangle triangle-2">
                <img src="img/obj_triangle.png" alt="" />
            </div>
            <div class="triangle triangle-3">
                <img src="img/obj_triangle.png" alt="" />
            </div>
            <div class="triangle triangle-4">
                <img src="img/obj_triangle.png" alt="" />
            </div>
        </div>
        <footer class="mastfoot my-3">
            <div class="inner container">
                <div class="row">
                    <div class="col-lg-4 col-md-12 d-flex align-items-center">
                        <p>
                            &copy;
                            <a href="https://www.mrxiaom.top/">
                                bilibili_Xiao_M
                            </a>
                            2020
                            <br />
                        </p>
                    </div>
                    <div class="col-lg-4 col-md-12 d-flex align-items-venter">
                    </div>
                    <div class="col-lg-4 col-md-12">
                        <nav class="nav nav-mastfoot justify-content-center">
                            <a class="nav-link" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2431208142&amp;site=qq&amp;menu=yes">
                                <i class="fab fa-qq">
                                </i>
                            </a>
                            <a class="nav-link" href="https://github.com/MrXiaoM">
                                <i class="fab fa-github">
                                </i>
                            </a>
                        </nav>
                    </div>
                </div>
            </div>
        </footer>
        <!-- External JS -->
        <script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous">
        </script>
        <script src="vendor/bootstrap/popper.min.js">
        </script>
        <script src="vendor/bootstrap/bootstrap.min.js">
        </script>
        <script src="vendor/select2/select2.min.js ">
        </script>
        <script src="vendor/owlcarousel/owl.carousel.min.js">
        </script>
        <script src="vendor/stellar/jquery.stellar.js" type="text/javascript"
        charset="utf-8">
        </script>
        <script src="vendor/isotope/isotope.min.js">
        </script>
        <script src="vendor/lightcase/lightcase.js">
        </script>
        <script src="vendor/waypoints/waypoint.min.js">
        </script>
        <script src="js/aos.js">
        </script>
        <!-- Main JS -->
        <script src="js/app.min.js ">
        </script>
        <script src="//localhost:35729/livereload.js">
        </script>
    </body>

</html>